{extend name="public/base" /}
{block name="title"}添加商品{/block}

{block name="content"}
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="panel-body" style="padding: 15px 0;">
                <ul class="nav nav-tabs">
                    <li><a href="{:url('shop/Goods/index')}">商品列表</a></li>
                    <li class="active"><a href="javascript:;">添加商品</a></li>
                </ul>
            </div>
            <br>
            <div class="panel-body">
            <form id="addarc" method="post" action="{:url('shop/Goods/doadd')}" role="form" enctype="multipart/form-data" class="form-horizontal">
                <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="text-danger"> * </span>标题</label>
                    <div class="col-sm-4">
                        <input type="text" name="title" class="form-control" placeholder="标题" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">
                        <span class="text-danger">*</span>分类</label>
                    <div class="col-sm-4 form-inline">
                        <select class="form-control" id='type_id' name="type_id">
                            <?php if($type_list){foreach($type_list as $row){ ?>
                            <option value ="<?php echo $row["id"]; ?>"><?php echo $row["name"]; ?></option>
                            <?php }} ?>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="text-danger"> * </span>上架</label>
                    <div class="col-sm-4">
                        <div class="radio">
                            <label>
                                <input type="radio" name="status" id="status" value="0" checked> 是
                            </label>
                            <label>
                                <input type="radio" name="status" id="status" value="1"> 否
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="text-danger"> * </span>货号</label>
                    <div class="col-sm-4">
                        <input type="text" name="sn" class="form-control" placeholder="货号" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="text-danger"> * </span>价格</label>
                    <div class="col-sm-4">
                        <input type="text" name="price" class="form-control" placeholder="价格" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="text-danger"> * </span>运费</label>
                    <div class="col-sm-4">
                        <input type="text" name="shipping_fee" class="form-control" placeholder="运费" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="text-danger"> * </span>原价</label>
                    <div class="col-sm-4">
                        <input type="text" name="market_price" class="form-control" placeholder="原价" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="text-danger"> * </span>是否置顶</label>
                    <div class="col-sm-4">
                        <div class="radio">
                            <label>
                                <input type="radio" name="tuijian" id="tuijian" value="1"> 是
                            </label>
                            <label>
                                <input type="radio" name="tuijian" id="tuijian" value="0" checked> 否
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="text-danger"> * </span>缩略图</label>
                    <div class="col-sm-9">
                        <button type="button" onclick="upImage();">选择图片</button>
                        <input name="litpic" type="text" id="litpic" value="" style="display:none;">
                        <img style="margin-left:20px;display:none;" src="" width="120" height="80" id="picview">
                    </div>
                </div>
<script type="text/javascript">
var _editor;
$(function() {
    //重新实例化一个编辑器，防止在上面的editor编辑器中显示上传的图片或者文件
    _editor = UE.getEditor('ueditorimg');
    _editor.ready(function () {
        //设置编辑器不可用
        _editor.setDisabled('insertimage');
        //隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏
        _editor.hide();
        //侦听图片上传
        _editor.addListener('beforeInsertImage', function (t, arg) {
            //将地址赋值给相应的input,只取第一张图片的路径
			$('#litpic').val(arg[0].src);
            //图片预览
            $('#picview').attr("src",arg[0].src).css("display","inline-block");
        })
    });
});
//弹出图片上传的对话框
function upImage()
{
    var myImage = _editor.getDialog("insertimage");
	myImage.render();
    myImage.open();
}
</script>
<script type="text/plain" id="ueditorimg"></script>
                <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="text-danger"> * </span>商品图片</label>
                    <div class="col-sm-9" id="duotulist">
                        <button type="button" onclick="upImage2();">选择图片</button>
                    </div>
                </div>
<script type="text/javascript">
var _editor2;
$(function() {
    //重新实例化一个编辑器，防止在上面的editor编辑器中显示上传的图片或者文件
    _editor2 = UE.getEditor('ueditordimg');
    _editor2.ready(function () {
        //设置编辑器不可用
        _editor2.setDisabled('insertimage');
        //隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏
        _editor2.hide();
        //侦听图片上传
        _editor2.addListener('beforeInsertImage', function (t, arg) {
            $("#duotulist").html('<button type="button" onclick="upImage2();">选择图片</button>');
            for (var i=0;i<arg.length;i++)
            {
                if(i<8)
                {
                    $("#duotulist").append('<img style="margin-left:10px;" src="'+arg[i].src+'" width="120" height="80"><input name="goods_img[]" type="text" value="'+arg[i].src+'" style="display:none;">');
                }
            }
        })
    });
});
//弹出图片上传的对话框
function upImage2()
{
    var myImage = _editor2.getDialog("insertimage");
	myImage.render();
    myImage.open();
}
</script>
<script type="text/plain" id="ueditordimg"></script>
                <div class="form-group">
                    <label class="col-sm-3 control-label">摘要</label>
                    <div class="col-sm-6">
                    <textarea class="form-control" name="description" rows="3"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">图文描述</label>
                    <div class="col-sm-9">
                        <!-- 加载编辑器的容器 --><script id="container" name="content" type="text/plain"></script>
                        <!-- 配置文件 --><script type="text/javascript" src="/other/flueditor/ueditor.config.js"></script>
                        <!-- 编辑器源码文件 --><script type="text/javascript" src="/other/flueditor/ueditor.all.min.js"></script>
                        <!-- 实例化编辑器 --><script type="text/javascript">var ue = UE.getEditor('container',{maximumWords:100000,initialFrameHeight:320,enableAutoSave:false});</script>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-3 col-sm-10">
                        <button type="submit" onclick="" class="btn btn-success" value="Submit">保存(Submit)</button>
                        <button type="reset" class="btn btn-default" value="Reset">重置(Reset)</button>
                    </div>
                </div>
            </form>
            </div>
        </div>
    </div>
</div>
{/block}